<section id="weui_progress_section" data-role="section">
	<header class="comm-header">
		<h1 class="title">Progress</h1>
		<a data-toggle="back" href="#" class="pull-right"><i class="weui_icon_cancel"></i></a>
	</header>
	<article data-role="article" id="weui_progress_article" class="active" style="top:44px;bottom:0px;">
		<div class="scroller">
			<br>
            <div class="bd spacing">
                <div class="weui_progress">
                    <div class="weui_progress_bar">
                        <div class="weui_progress_inner_bar" style="width: 0%;"></div>
                    </div>
                    <a href="javascript:;" class="weui_progress_opr">
                        <i class="weui_icon_cancel"></i>
                    </a>
                </div>
                <br>
                <div class="weui_progress">
                    <div class="weui_progress_bar">
                        <div class="weui_progress_inner_bar" style="width: 50%;"></div>
                    </div>
                    <a href="javascript:;" class="weui_progress_opr">
                        <i class="weui_icon_cancel"></i>
                    </a>
                </div>
                <br>
                <div class="weui_progress">
                    <div class="weui_progress_bar">
                        <div class="weui_progress_inner_bar" style="width: 80%;"></div>
                    </div>
                    <a href="javascript:;" class="weui_progress_opr">
                        <i class="weui_icon_cancel"></i>
                    </a>
                </div>
            </div>
		</div>
	</article>
</section>